<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到答个爽</title>
    <link rel="icon" href="img/dgs.jpg" type="image/jpg" >
    <link rel="stylesheet" href="./layui/css/layui.css">
    <style type="text/css">
        #A1{
            width: 1000px;
            height: 1000px;
            background: #00a7de;
        }
    </style>
</head>
<body>
<div id="A1"></div>
<script src="https://cdn.jsdelivr.net/npm/jquery" charset="utf-8"></script>
<script type="text/javascript">

    $('#A1').hover(function (ev){
        let event=ev;
        let InformationDv='<div id="InformationDv" style="text-align: center;z-index: 1000;float:left;width:150px;height: 80px;">' +
            '<div style="margin-top: 20px"><b>道具名：</b><b id="djname" style="color: darkorange"></b></div>' +
            '<div style="margin-top: 20px"><b>类型:</b><b id="leixin" style="color: #009f95"></b></div>' +
            '<div style="margin-top: 20px"><b>简介:</b><b id="jianjie"></b></div>' +
            '</div>';
        let  InformationDiv=document.createElement('div');
        $.ajax({
            url: ''+t,
            method: 'GET',
            contentType: 'application/json',
            success: function (res) {

            }
        })
        InformationDiv.id ="InformationDiv";
        InformationDiv.style.backgroundColor ="white";
        InformationDiv.style.left=(event.clientX)+'px';
        InformationDiv.style.top=(event.clientY)+'px';
        InformationDiv.style.border='1px solid #48cfbd';
        InformationDiv.style.borderRadius = '10px';
        InformationDiv.style.zIndex='1000'
        InformationDiv.style.position='absolute';
        InformationDiv.style.width='150px';
        InformationDiv.style.height='150px';
        InformationDiv.innerHTML = InformationDv;
        document.body.appendChild(InformationDiv);
    },function (){
       let InformationDiv= document.getElementById('InformationDiv')
        InformationDiv.remove()
    })

</script>
</body>
</html>
